<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>About Margin Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<h1 align="center"><span class="pagetitle">About Margin Properties</span><br>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../misc/email.htm">Brian Wilson</a> =</font></h1>

<div align="center">
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../index.html">Main Index</a> |
    <a href="../propindex/font.htm">Property Index</a> |
    <a href="../supportkey/syntax.htm">CSS Support History</a> |
    <a href="../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<br><br>

<dl>
<dt><big><b class="mainheading">Color/Background Properties</b></big>
    <dd><a href="margin/margin.htm">margin</a> |
        <a href="margin/margintop.htm">margin-top</a> |
        <a href="margin/marginright.htm">margin-right</a><br>
        <a href="margin/marginbot.htm">margin-bottom</a> |
        <a href="margin/marginleft.htm">margin-left</a>
</dl>

<br>
<dl>
<dt><big><b class="mainheading">What Do They Do?</b></big>
    <dd>In CSS, the fundamental visual rendering model places all components of the
        document tree in physical and virtual rectangular boxes, each having a specific
        height and width. An element's rendering box consists primarily of an
        element's content at the center (text, images, etc.) Surrounding the
        element's content (moving outward in rectangular layers/strips) are
        optional padding, surrounded by any optional border effects, surrounded
        in turn by any optional margin values that may be specified.
        <br><br>

        The margin properties allow the author to specify how much space will be
        inserted between other exterior elements and the current element border.
        Negative values may be used with margin properties to create overlapping
        content.
        <br><br>

        Each side of the margin dimensions (top, right, bottom and left) can be
        addressed and controlled independently using separate properties, or a
        convenient shorthand notation may be used that controls multiple sides at once.
</dl>

<dl>
<dt><big><b class="mainheading">Related Sites</b></big>
<dt><b class="subheading">Official Reference: CSS Level 1, Sections 5.5.1-5</b>
    <dd>5.5.5: '<a href="http://www.w3.org/TR/REC-CSS1#margin">margin</a>'<br>
        5.5.1: '<a href="http://www.w3.org/TR/REC-CSS1#margin-top">margin-top</a>'<br>
        5.5.2: '<a href="http://www.w3.org/TR/REC-CSS1#margin-right">margin-right</a>'<br>
        5.5.3: '<a href="http://www.w3.org/TR/REC-CSS1#margin-bottom">margin-bottom</a>'<br>
        5.5.4: '<a href="http://www.w3.org/TR/REC-CSS1#margin-left">margin-left</a>'
<dt><b class="subheading">Official Reference: CSS Level 2, Section 8.3</b>
    <dd>8.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#margin-properties">margin</a>', <br>
        8.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#margin-properties">margin-top</a>'<br>
        8.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#margin-properties">margin-right</a>'<br>
        8.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#margin-properties">margin-bottom</a>'<br>
        8.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#margin-properties">margin-left</a>'
</dl>

<br><br>
<a href="../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>